<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        .text{
            color: red;
        }

        div{
            width: 200px;
            height: 200px;
            background-color: aqua;
            position: relative;
            left: 200px;   /* 调整位置距离左侧200px */
            
        }
    </style>

</head>
<body>
    <h2 style="color: #0f0;">定义</h2>
    
    <p class="text">position属性指定了元素的定位类型<br>relative：相对定位<br>absolute：绝对定位<br> fixed：固定定位
        <br>其中，绝对定位和固定定位会脱离文档流
        <br>设置定位之后：可以使用四个方向值进行调整位置：left、top、right、bottom
    
    </p>
    <div></div>
    
    
   
    
    
</body>
</html>